<template>
  <view class="pb-30">
    <view class="bg-f mg-30" style="border-radius: 14rpx">
      <view class="header pd-30 fw-700">
        <text>物流单号：</text>
        <text>{{nu}}</text>
      </view>

      <view style="padding: 50rpx">
        <step-info :dataList="dataList"></step-info>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
		id:"",
		nu:"",
		
      dataList: [ ],
    }
  },
  onLoad(o) {
  	this.id = o.id
	this.getList()
  },
  methods: {
	  async getList(){
		  const result = await this.$api.queryTrack({
		  	id: this.id
		  })
		  if (result) {
		  	this.nu = result.data.nu
			this.dataList = result.data.data
		  	console.log(result)
		  	
		  }
		  
	  },
	  
  },
}
</script>

<style lang="scss" scoped>
.header {
  border-bottom: 2rpx solid #f7f7f7;
}
</style>
